body {
  display: flex;
}

.App {
  display: flex;
  flex: 1;
  width: 100vw;
  height: 100vh;
}

.App .pages {
  background-color: #fff;
  flex: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pages textarea {
  display: block;
  box-sizing:border-box;
}

.App .tools {
  background-color: #f7f7f7;
  flex: 1;
  padding: 1vw;
}

.App .tools .items > div{
  padding: 0.5vw 0;
}

.App .tools .items input{
  padding: 0.5vw;
  margin-left: 0.5vw;
}

.App .tools .items span{
  display: block;
}